<div class="row">
<div class="col-xs-12">
	<div class="box">
		<div class="box-header">
			<form id="auto-query-form" class="form-inline" method="post" role="form">
				<div class="form-group">
					<label class="control-label" for="query.keyword">关键字</label>
					<input id="query.keyword" name="query.keyword" placeholder="请输入关键字" class="form-control"/>
				</div>
				<div class="form-group">
					<label class="control-label" for="query.state">有效性</label>
					#[[#@dict_select("query.state","01","DATA_STATE",true,"有效性","")]]#
				</div>
				<div class="form-group">
					#("#")@query_btn()
				</div>
			</form>
		</div>

		<div class="box-body">
			<table id="auto_data_table" class="table table-striped table-hover table-bordered dataTable no-footer" width="100%">
			</table>
		</div>

		<div class="box-footer text-center">
			#("#")@add_btn("#(firstCharToLowerCase(modelName))/index",true)
			#("#")@edit_btn("#(firstCharToLowerCase(modelName))/index",true)
			#("#")@del_btn("#(firstCharToLowerCase(modelName))/index",true)
		</div>
	</div>
</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$('#auto_data_table').autoDataTable({
			controller : "#(firstCharToLowerCase(modelName))",
			title : "#(table.remarks)",
			columns : [
				#for(x : table.columnMetas)
			   { "data" : "#(x.name.toLowerCase())", "name" : "#(x.name.toLowerCase())", "title" : "#(x.remarks)" }#if(!for.last),#end
				#end
			]
		});
	});
</script>